<script type="text/javascript">
	$(document).ready(function(){
		        $("#loading").hide();
		        $("#botaoPesquisa").click(function(){
		        	$("#loading").ajaxStart(function(){
		            	$("#alvo").hide();
		            	$("#loading").show();   
		            });
		            $("#loading").ajaxStop(function(){
		            	$("#loading").hide();   
		        	});
		            $.post("pesquisa/pesquisar",
		            	{nome: $("#pesquisar").val()},
		            	function(data){
		                	if ($("#pesquisar").val()!=""){
		                    	$("#alvo").show();
		                        $("#alvo").empty().html(data);
		                	}
		                    else{
		                    	$("#alvo").empty();
		                    }
		            	}
					);
				});
			});
</script>
<div class="pesquisa form">
	<h2><a href="#" tabindex="-1">Pesquisa</a></h2>
	<div>
		<div id="pesquisa">
			<span id="spanPesquisa"><input id="pesquisar" /></span>
			<span>
				<a href="#" id="botaoPesquisa">
					<ul id="icons" class="ui-widget ui-helper-clearfix">
						<li class="ui-state-default ui-corner-all" title="Pesquisar">
							<span id="botaoPesquisa" class="ui-icon ui-icon-search"></span>Pesquisar&nbsp;&nbsp;
						</li>
					</ul>
				</a>
			</span>
		</div>
		<div>
			<div id="loading"><?echo $html->image("ajax_preloader.gif", array("border" => "0"));?>  Carregando...</div>
			<div id="alvo"></div>
		</div>
	</div>
</div>